import { dataList, IItem } from './data';
import './index.css';

const Basic = () => {
  return (
    <div className="basic-container">
      <div className="title">{'React基础知识'}</div>
      <div className="contents">
        {dataList.map((item: IItem, index: number) => (
          <a href={item.url} className="item" style={{ animationDelay: `${index * 0.2}s` }}>
            <div className="item-title">{item.title}</div>
            <div className="item-desc">
              {item.author}
              {item.time}
            </div>
          </a>
        ))}
      </div>
    </div>
  );
};

export default Basic;
